<template name="app_list_box_modal">
  <div class="modal fade" id="app_list_box" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="myModalLabel">
            {{> space_switcher}}
          </h4>
        </div>
        <div class="modal-body" style='overflow-y:auto'>
          <div class="weui_grids">
              {{#each apps}}
                <a class="weui_grid" data-appid="{{_id}}">
                    <div class="weui_grid_icon">
                        <i class="ion {{icon}}"></i>
                        <span class="label label-danger">{{appBadge _id null}}</span>
                    </div>
                    <p class="weui_grid_label text-overflow">
                        {{_ name}}
                    </p>
                </a>
              {{/each}}
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
